کدهای HTML باید با یک اعلان نوع سند شروع شوند: <!DOCTYPE html>

خود HTML با <html> شروع می شود و با </html> به پایان می رسد. 

قسمت قابل مشاهده سند HTML بین <body> و </body> است.

هرچیزی که در زیر سایت و دور از چشم مخاطب قبل از اجرای صفحه میخواهیم اجرا شود در تگ <head> نوشته میشود.

برای مثال کد زیر را در notepad++ بنویسید و خروجی را مشاهده کنید:

<!DOCTYPE html>
<html>
<head>
	<-- Head comment-->

</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

 

HTML Headings

برای نوشتن تیترهای پاراگراف ها از تگ h استفاده میکنیم.مثال زیر را اجرا کنید و خروجی را ببینید:(اگر هنوز نمیدانید چطور کد html را اجرا کنید به جلسه اول مراجعه کنید)

<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

 

خروجی کد بالا به صورت زیر است:

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

پاراگراف در HTML 

برای نوشتن یک پاراگراف در html از تگ <p> استفاده میکنیم


<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

 

خط بعد در HTML 

برای رفتن به خط بعد از تگ <br/> 

 

فاصله گذاشتن  در HTML 

برای فاصله گذاشتن از &nbsp; استفاده میکنیم.شما در کد html هر تعداد space که بزنید فقط یکی از آنها در خروجی نمایش داده میشود پس برای فاصله بیشتر از &nbsp; استفاده میکنیم